<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ZARA旗舰店</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap-3.3.7.min.css">

    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap-collapse.js"></script>
    <script src="/js/bootstrap-tab.js"></script>
    <script language="javascript" type="text/javascript" src="/js/holder.js"></script>
    <script src="/js/bootstrap.js"></script>


    <style>

        li {
            /*text-align: center;*/
            list-style-type: none;
            font-size: 22px;
            /*font-family: 微软雅黑;*/
            /*font-weight: 800;*/
        }


        a {
            text-decoration: none;
            color: #000;
        }

        a:hover {
            color: #000;
            /*text-decoration: underline;*/


        }

        .center {
            margin: auto;
            text-align: center;
            color: #000;
            font-size: 18px;
        }

        .category > li {
            margin-top: 10px;
            text-align: center;
            background: #ccc;
        }

        .category > li:hover {
            background: #999;

        }

        .category > li > a {
            line-height: 40px;
            font-size: 20px;
            text-decoration: none;

        }


    </style>

    @yield('style')

</head>
<body style="background:#fff;">
<div class="container ">
    @include('layouts.top')
</div>
<div class="container " style="padding: 0">
    <div class="navbar">
        <div class="navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
            </a>
            <a href="/" class="brand">ZARA旗舰店</a>
            <ul class="nav nav-collapse collapse navbar-responsive-collapse">

                @foreach($categories as $category)
                    <li>
                        <a href="{{route('goods',['type_id'=>$category->id])}}">{{$category->name}}</a>
                    </li>
                @endforeach
                <li>
                    <a href="{{route('admin.login')}}" target="_blank">后台管理</a>
                </li>
                <li>
                    <form class="navbar-form form-search pull-left" action="{{route('goods')}}" method="get">
                        <div class="input-append" style="text-aglin:center;">
                            <input type="text" placeholder="请输入您想要的服饰" style="margin-top:-8px;height:30px"
                                   class="search-query span3" name="k"> <input type="submit"
                                                                               style="margin-top:-8px;height:30px"
                                                                               class="btn search span1" value="搜索">
                        </div>
                    </form>
                </li>

            </ul>
        </div>
    </div>
</div>


<div class="container well" style="background:rgba(171,188,217,0.1)">
    @yield('content')
</div>

@include('layouts.bottom')

</body>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
<script src="/js/addr.js"></script>
<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });


</script>
@yield('scripts')
</html>
